﻿<div>
    <div class="form-group">
        <div class="checkbox">
            <label>
                <input type="checkbox" v-model="fieldInfo.IsRequired" />
                必填？
            </label>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label" for="placeholder">占位文字</label>
        <input type="text" class="form-control" name="placeholder" id="placeholder" v-model="fieldInfo.Placeholder" />
    </div>
    <div class="form-group">
        <label class="control-label">输入框长度</label>
        <div>
            <div class="btn-group">
                <a class="btn btn-default btn-sm" @class="{disabled:fieldInfo.Size==1}" @click="fieldInfo.Size=1">窄</a>
                <a class="btn btn-default btn-sm" @class="{disabled:fieldInfo.Size==2}" @click="fieldInfo.Size=2">中等</a>
                <a class="btn btn-default btn-sm" @class="{disabled:fieldInfo.Size==3}" @click="fieldInfo.Size=3">宽</a>
                <a class="btn btn-default btn-sm" @class="{disabled:fieldInfo.Size==4}" @click="fieldInfo.Size=4">占满</a>
            </div>
        </div>
    </div>
</div>